
/* ================================================================================================ */

.empanel { position:relative; padding:10px; border:0px solid #f00; }

.empanel img { position:absolute; left:10px; top:10px; width:80px; height:80px; margin:0 auto 10px; border-radius:50%; border:1px solid #e5e5e5; }

.empanel > div { display:block; margin-left:90px; border:1px solid #fff; }
.empanel > div p.name { font:18px/0.8em "微软雅黑"; color:#333; margin:10px 0 20px; }
.empanel > div p.name .stars { display:inline-block; width:75px; height:15px; margin-left:10px; text-indent:-10000px; border:0px solid #f00; vertical-align:bottom; opacity:0.7; }
.empanel > div p.descp { font:14px/1.3em "微软雅黑"; color:#999; margin:0 0 10px 0; }

.empanel > div p.count { font:14px/1.2em "微软雅黑"; color:#999; margin:0; }

.empanel > div .stars.star1 { background:url(../icons/stars.png) left 0px;   background-size:75px auto; }
.empanel > div .stars.star2 { background:url(../icons/stars.png) left -15px; background-size:75px auto; }
.empanel > div .stars.star3 { background:url(../icons/stars.png) left -30px; background-size:75px auto; }
.empanel > div .stars.star4 { background:url(../icons/stars.png) left -45px; background-size:75px auto; }
.empanel > div .stars.star5 { background:url(../icons/stars.png) left -60px; background-size:75px auto; }

/* ================================================================================================ */

.svclist { background:#fff; margin:10px; border:1px solid #e5e5e5; border-bottom:none; }

.svclist ul li { position:relative; min-height:35px; padding:10px; border-bottom:1px solid #e5e5e5; }
.svclist ul li:hover { background:rgba(0,0,0,0.05); }
.svclist ul li img { position:absolute; left:10px; display:block; width:60px; height:35px; }
.svclist ul li div { padding-left:70px; }
.svclist ul li div p { margin:0; }
.svclist ul li div p.name { font:15px/1em "微软雅黑"; color:#333; margin-bottom:8px; }
.svclist ul li div p.info { font:13px/1em "微软雅黑"; }
.svclist ul li div p.info span { font:13px/1em "微软雅黑"; margin-right:10px; }

.svclist ul li .btn { position:absolute; right:10px; top:13px; padding:6px 8px; font:12px/1em "微软雅黑"; box-sizing:border-box; border-radius:30px; opacity:0.7; }

.svclist.all .more { display:none; }
.svclist .more { display:block; height:40px; font:13px/40px "微软雅黑"; color:#777; text-align:center; border-bottom:1px solid #e5e5e5; }
.svclist .more:hover { background:rgba(0,0,0,0.05); color:#333; }

/* ================================================================================================ */

.comment { margin:10px; padding:10px; border:1px solid #e5e5e5; }
.comment h3 { font:15px/1em "微软雅黑"; color:#555; border-bottom:1px solid #e5e5e5; padding:5px 0 15px; }

.comment li { position:relative; padding:10px 0; border-bottom:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.comment li:hover { background-color:rgba(0,0,0,0.02); }

.comment li img { position:absolute; width:40px; height:40px; background:#f99; border-radius:50%; border:1px solid #e5e5e5; }

.comment li div { display:block; margin-left:50px; border:0px solid #f00; }
.comment li div p { margin:0; }
.comment li div p.name { font:15px/0.8em "微软雅黑"; color:#333; margin:5px 0 10px; border:0px solid #f00; }
.comment li div p.name .stars { display:inline-block; width:65px; height:13px; margin-left:10px; text-indent:-10000px; vertical-align:bottom; opacity:0.5; border:0px solid #f00; }
.comment li div p.cont { font:12px/1.4em "微软雅黑"; color:#999; }

.comment li div .stars.star1 { background:url(../icons/stars.png) left 0px;   background-size:65px auto; }
.comment li div .stars.star2 { background:url(../icons/stars.png) left -13px; background-size:65px auto; }
.comment li div .stars.star3 { background:url(../icons/stars.png) left -26px; background-size:65px auto; }
.comment li div .stars.star4 { background:url(../icons/stars.png) left -39px; background-size:65px auto; }
.comment li div .stars.star5 { background:url(../icons/stars.png) left -52px; background-size:65px auto; }

.comment .more { display:block; height:20px; padding-top:10px; font:13px/20px "微软雅黑"; color:#777; text-align:center; }
.comment .more:hover { color:#333; }

/* ================================================================================================ */